﻿@{
    ViewBag.Title = "Log On";
}










<!-- Div wrapper2 starts here -->
<div id="Wrapper2">
    <div id="content_header">
        <div id="headerimage">
        </div>
        <div id="theheader">@ViewBag.Header</div>
    </div>
    <!-- Sidebar Element Starts Here -->
    <aside id="sidebar-wrapper">
        <nav class="sidebar">
            <h2>Log On</h2>
<p>
    Please enter your user name and password.
</p>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

@using (Html.BeginForm()) {
    <div>
        <fieldset>
            <legend>Account Information</legend>

            <div class="editor-label">
                Username: 
            </div>
            <div class="editor-field">
                <input type="text" name="UserName" tabindex="1" />
            </div>

            <div class="editor-label">
                Password:
            </div>
            <div class="editor-field">
                <input type="password" name="Password" tabindex="2" />
            </div>
            <div class="editor-field">
                <div class="w40 floatleft" style="margin:5px 0px 0px 0px">
                    <input type="image" src="../../images/login_button.png" value="Log On" tabindex="4" />
                </div>
                <div class="floatleft" style="padding:15px 0px 0px 2px">
                    <span>
                        <input id="rememberMe" name="rememberMe" type="hidden" value="true" />
                        <img class="hideCompleted_checkbox" src="../../images/checkedBlue.png" id="checkbox" style="width:1.4em;"/>
                        <img src="../../images/unchecked.png" id="image_preload" style="width:1.4em; visibility:hidden;"/>   
                    </span>
                </div>
                <div class="floatleft" style="padding:15px 0px 0px 2px">
                    Remember Me
                </div>
            </div>
        </fieldset>
        @Html.ActionLink("Forgot Password?", "ForgotPassword")
    </div>
}
        </nav>
        
        <!-- Sidebar Element Ends Here -->
    </aside>
    <!-- Another Sidebar Element Ends Here -->
    <!-- Main view container starts -->
    <article id="contents">
  
</article>
    <!-- Main view container ends -->
</div>
<!-- Div wrapper2 ends here -->

<script>
    $(".hideCompleted_checkbox").click(function () {
        var indicator = 0;
        var this_id = $(this).attr('id');
        //alert(this_id);
        if ($(this).attr('src') == '../../images/unchecked.png') {
            $(this).attr('src', '../../images/checkedBlue.png');
            $("#rememberMe").val('true');
            indicator = 1;
        }
        else {
            $(this).attr('src', '../../images/unchecked.png');
            $("#rememberMe").val('false');
            indicator = 0;
        }
    })
</script>